<template>
<div class="container">
    <div class="I_header"></div>
    <div class="I_main">
        <div class="layout1">
            <el-row>
                <h2 class="title">面试邀请</h2>
                <el-table :data="tableData" border >
                    <el-table-column prop="name" label="姓名" ></el-table-column>
                    <el-table-column prop="sex" label="性别" ></el-table-column>
                    <el-table-column prop="birth" label="出生年月" ></el-table-column>
                    <el-table-column prop="education" label="学历" ></el-table-column>
                    <el-table-column prop="Work_ex" label="工作经验" ></el-table-column>
                    <el-table-column prop="details" label="查看详细" width="150">
                        <el-button @click="handleClick(scope.row)"  size="small">查看详细 </el-button>
                    </el-table-column>
                    <el-table-column prop="time" label="投递时间" ></el-table-column>
                </el-table>
            </el-row>
            <div class="page">
                <ul>
                    <li><el-button >下一页</el-button></li>
                    <li><el-button>上一页</el-button></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="I_footer"></div>
</div>
</template>

<script>
  export default {
    name:'Interview',
    methods: {
         
    },
    data() {
      return {
        tableData: [{
          name: '张三',
          sex:'男',
          birth:'2002-12',
          education:'本科',
          Work_ex:'3年',
          details:'',
          zip: 200333,
          time:'2016-12-12',
        }, {
          name: '李四',
          sex:'男',
          birth:'1999-2-3',
          education:'大专',
          Work_ex:'4年',
          details:'',
          zip: 200333,
          time:'2016-12-2',
        }, {
          name: '李华',
          sex:'女',
          birth:'1998-2-1',
          education:'研究生',
          Work_ex:'2年',
          details:'',
          zip: 200333,
          time:'2016-11-11',
        }]
      }
    }
}
</script>

<style lang="scss">
.container {
    width: 100%;
    margin: 0 auto;
}
.I_header {
    width: 1050px;
    height: 65px;
    // border: 1px solid red; 
}
.I_main  {
    width: 1050px;
    height: 460px;
    text-align: center;
    margin: 0 auto;
}

.I_main .layout1{
    width: 1050px;
    height: 400px;
    text-align: center;
    display: inline-block;
} 
.I_main .layout1 .page ul>li{
    list-style-type: none;
    float: right;
    margin: 10px 105px 10px -70px;
}
.I_main .layout1 .title{
    margin: 30px 90px 10px 0px;
}
.I_main .layout1 .el-table{
    width: 80%;
    display: inline-block;
}
.I_footer{
    width: 1050px;
}
</style>
